/*
基于Layui的轻量级问答社区页面模版
By http://fly.layui.com/
*/

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*iconfont*/
@font-face {
    font-family: 'iconfont';  /* project id 183481 */
    src: url('//at.alicdn.com/t/font_54hmvaqc6bkpgb9.eot');
    src: url('//at.alicdn.com/t/font_54hmvaqc6bkpgb9.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_54hmvaqc6bkpgb9.woff') format('woff'),
    url('//at.alicdn.com/t/font_54hmvaqc6bkpgb9.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_54hmvaqc6bkpgb9.svg#iconfont') format('svg');
}
.iconfont{
    font-family:iconfont!important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:.2px;
    -moz-osx-font-smoothing:grayscale;
    vertical-align:middle;
}

/*一种渐显方式*/
@-webkit-keyframes display_show{
    from{
        opacity:.6;
        transform:translateY(-15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

div::-webkit-scrollbar{width:0.9em}
div::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}
div::-webkit-scrollbar-thumb{background:rgba(100,100,100,0.8)}
div::-webkit-scrollbar-corner, div::-webkit-scrollbar-thumb:window-inactive{background:rgba(100,100,100,0.4)}
div::-webkit-scrollbar{width:7px;height:7px}
div::-webkit-scrollbar-thumb{border-radius:1em;background-color:rgba(50,50,50,0.3)}

/* 公用 */
html{padding-top: 45px; overflow-x: hidden; overflow-y: auto; background-color:#fff;}
body>.main{margin-top: 15px;}
body{line-height:24px;   -webkit-font-feature-settings: 'kern' 1; -moz-font-feature-settings: 'kern' 1; text-rendering:geometricPrecision;}
.main{width:1210px; min-height: 430px; margin: 0 auto 15px;}
.wrap{float:left; width: 100%; min-height:300px;}
.content{margin-right:357px;}
.edge{position: relative; float:left; top:0; width:336px; margin-left:-336px;}
.edge-fixed{position:fixed; right:24px; top:15px;}

body input, body textarea{box-shadow:none;}
body .layui-layer-prompt textarea.layui-layer-input{resize: both;}
.layui-btn .iconfont{color: #fff;}
.layui-btn-primary .iconfont{color: #555;}

a{color: #000;}
a:hover{color: #009E94;}

/* 辅助 */
.fly-main{position:relative; width:1000px; margin:0 auto;}
.fly-msg, .fly-error{padding:10px 15px; line-height:24px;}
.fly-msg{background-color:#F8F8F8; color:#666;}
.fly-msg a{color:#4F99CF}
.page-title{position: relative; font-size: 14px; margin: 0 0 20px; padding-left:10px; line-height:40px; border-bottom:1px solid #DFDFDF;}
.edge .page-title{width:auto; margin: 0; line-height: 36px; padding: 0 15px; border: none; background-color: #f2f2f2; border-left: solid 3px #009688;}
.fly-editbox{position:relative;}

.fly-error{color:#c00;}
.loading{background-image: url(/static/default/img/loading.gif); background-position: center center; background-repeat: no-repeat;}

/* 404或提示 */
.fly-none{min-height: 430px; text-align: center; padding-top:50px; color: #999;}
.fly-none p{margin-top: 50px; padding: 0 15px; font-size: 20px; color: #999; font-weight: 300;}

/* 头部 */
.header{position:fixed; z-index: 1000; left:0; top:0; width:100%; height:45px; background-color:#393D49;}
.header .main{position:relative; margin:0 auto; min-height: 0;}
/*.logo{position:absolute; top: 13px; left:0; width: 135px; height: 37px; text-indent:-666px; background:url(/static/default/img/logo.png) no-repeat;}*/
.logo{position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
    font-size: 18px;
    line-height: 45px;
    display: inline-block;
    background: url(/static/default/img/logo.png) center left no-repeat;
    background-size: contain;
    padding-left: 50px;
    height: 45px;
}
.logo:hover{color: #fff;}

.nav{position:absolute; left:185px;}
.nav a{padding: 0 10px; font-size:14px; color:#ccc; line-height: 45px; display: inline-block;}
.nav a i{padding-right:8px; font-size:18px; font-size: 26px;}
.nav a:hover, .nav .nav-this{ color:#fff;}

.nav-user{position:absolute; top: 0; right:0;}
.nav-user span, 
.nav-user .unlogin, 
.out-login,
.avatar,
.avatar *,
.nav-user .nav{display:inline-block; *display: inline; *zoom:1;}
.nav-user .unlogin{margin-right: 10px; margin-top: 8px;}
.nav-user span{position: relative;}
.nav-user span a{color:#ccc; line-height: 45px; display: inline-block;}
.nav-user span a:hover{color:#fff;}
.nav-user .nav{position:relative; top: 0; left: auto; right: 0;}
.nav-user .nav a{padding: 0 0 0 15px; display: inline-block; line-height: 45px;}
.nav-user .unlogin i{margin-bottom: 14px;}
.nav-user .icons{margin-right: 15px;}
.nav-user .icons a{padding: 0 10px;}

.out-login{margin-left:20px; text-align:center; position: relative; top: -2px;}
.out-login a{color:#A9B7B7; display: inline-block; line-height: 45px;}
.out-login a i{font-size:24px; display: inline-block; width: 24px;}
.out-login a:hover{color:#fff;}

.avatar{ color:#A9B7B7; font-size:14px;}
.avatar img{ width: 26px; height: 26px; border-radius:100%;}
.avatar cite, .avatar i{margin-left: 5px}
.avatar i{line-height: 20px; color: #FF7200;}

.nav-user span .nav-message{position:absolute; top:0; bottom: 0; margin: auto; left: -95px; height:20px; line-height:20px; padding:0 6px; background-color:#FF7200; color:#fff;}
.nav-user span .nav-message:hover{color:#fff;}

/* 底部 */
.footer {
    padding: 31px 0;
    line-height: 30px;
    text-align: center;
    color: #737573;
    background-color: #f2f2f2;
}
.footer a{padding:0 6px; font-weight: 300; color: #333;}
.footer a:hover{color: #009E94;}

/* 分页 */
.laypage-main,
.laypage-main>*{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.laypage-main{margin: 20px 0; border: 1px solid #009E94; border-right: none; border-bottom: none; font-size: 0;}
.laypage-main>*{padding: 0 20px; line-height: 36px; border-right: 1px solid #009E94; border-bottom: 1px solid #009E94; font-size: 14px;}
.laypage-main .laypage-curr{background-color:#009E94; color:#fff;}


/* 简易编辑器 */
.fly-edit{position:relative; display: block; top: 1px; left:0; padding:0 10px; border: 1px solid #e6e6e6; border-radius: 2px 2px 0 0; background-color: #FBFBFB;}
.fly-edit span{cursor:pointer; padding:0 10px; line-height: 38px; color:#009E94;}
.fly-edit span i{padding-right:6px; font-size: 18px;}
.fly-edit span:hover{color:#5DB276;}

body .layui-edit-face{ border:none; background:none;}
body .layui-edit-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-edit-face .layui-layer-TipsG{display:none;}
.layui-edit-face ul{position:relative; width:394px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-edit-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 32px; width: 32px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-edit-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}

/* Tab */
.fly-tab{position:relative; margin-bottom:10px;}
.fly-tab span,
.fly-tab span a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.fly-tab span{border:1px solid #009E94; border-right:none; font-size:0;}
.fly-tab span a{ height: 36px; line-height: 36px; padding: 0 20px; border-right:1px solid #009E94; font-size:14px;}
.fly-tab .tab-this{background-color:#009E94; color:#fff;}

/* 右侧 - 雷锋榜 */
body .leifeng-rank{margin-bottom: 5px;}
body .leifeng-rank span{margin-left: -6px; display: block;}
body .leifeng-rank span a{width:51px; height:68px; margin: 0 0 10px 6px;}
body .leifeng-rank span a img{width: 100%; height: 51px; border-radius: 2px;}

/* 右侧 - 热门技术直播房 */
.room-rank{margin-bottom:15px;}
.room-rank li{margin-bottom:10px;}
.room-rank .detail-about .jie-user cite{top:0; color:#666;}
.room-rank .detail-hits{bottom:0;}

/* 友链 */
.fly-link{margin-top: 20px; padding: 20px; line-height: 26px; background: #f2f2f2;}
.fly-link span{color: #c00;}
.fly-link a{padding-right: 10px;}

/* 用户中心 */
.fly-form-app{margin-top:30px;}

.user-tab{margin:20px 0;}
.user-about{position:relative; padding:0 0 0px 20px; border-left:1px solid #DFDFDF; text-align:center;}
.user-about .user-avatar{width:100px; height:100px; border-radius:100%;}
.user-about p{line-height:30px;}
.user-about p span{padding:0 5px; color:#999;}
.user-looklog{margin-top:5px; text-align:left;}
.user-looklog h3{margin-bottom:10px;}
.user-looklog span{font-size:0;}
.user-looklog span a{position:relative; width:70px; height:90px; margin:0 5px 5px 0; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.user-looklog span a img{width:70px; height:70px;}
.user-looklog span a cite{display: none; position:absolute; bottom: 20px; left: 0; width:100%; height:20px; line-height:20px; text-align:center; background-color:rgba(0,0,0,.2); color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.user-looklog span a:hover cite{display: block;}
.user-looklog span a i{position:absolute; bottom: -5px; left: 0; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal;}

.mine-view{display:none;}

/* 个人主页 */
.fly-home{position: relative; padding: 30px 0 30px; text-align: center; background-color: #f2f2f2;}
.fly-home .avatar{width:120px; height:120px; border-radius:100%;}
.fly-home h1{font-size:16px; line-height:30px; margin-top:10px;}
.fly-home h1 span{font-size:14px; color:#999;}
.home-nav{margin: 20px 0; text-align:center; font-size:0;}
.home-nav a{position:relative; padding:0 30px;  display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:18px; color:#666;}
.home-nav a:first-child::before{display:none;}
.home-nav a::before{content:''; position:absolute; left:0; top:5px; width:1px; height:16px; background-color:#ccc;}
.home-left{width:680px; float:left;}
.home-left h2{line-height:40px; margin-bottom:15px; padding:0 10px; background-color:#FAFAFA;}
.home-right{width:300px; float:right;}
.home-info{padding:20px 0; background-color:#FAFAFA;}
.home-info li{padding:0 20px; line-height:30px;}
.home-info li i{padding-right:10px; color:#666;}
.home-info li span{color:#999;}

/*.home-jieda li{margin-bottom:20px; padding-bottom:10px; line-height:24px; border-bottom: 1px dotted #DFDFDF;}*/
.home-jieda li{ margin-bottom:20px; line-height:24px;}
.home-dacontent{margin-top:10px; padding:10px 15px; background-color:#F2F2F5; border-radius:5px;;}
.home-dacontent pre{ background-color:#F2F2F5;}
.home-dacontent img{max-width:100%;}
.home-jieda li a{padding:0 5px; color:#4F99CF;}
.home-jieda li p{color:#999;}
.home-jieda li p span{padding-right:5px;}

/* 我的消息 */
#LAY-minemsg{min-height:420px;}
.mine-msg li{position:relative; margin-bottom: 15px; padding: 10px 0 5px; line-height:24px; border-bottom:1px dotted #E9E9E9}
.mine-msg li cite{padding:0 5px; color:#4F99CF;}
.mine-msg li i{color:#4F99CF; padding-right:5px;}
.mine-msg li>p{position: relative; margin-top: 5px; line-height: 26px; text-align: right;}
.mine-msg li>p span{position: absolute; left: 0; top: 0; color:#999;}
.mine-msg li .fly-delete{visibility: hidden; opacity: 0; height: 26px; line-height: 26px; margin-left: 20px; padding: 0 10px; border-radius: 3px; background: none; color: #c00; transition:all .3s ease;}
.mine-msg li:hover .fly-delete{visibility: visible; opacity: 1;}

/* 设置 */
.avatar-add{position:relative; width:373px; height:373px; background-color:#F2F2F5;}
.avatar-add .upload-img{position:absolute; left:50%; top:35px; margin:0 0 0 -60px;}
.avatar-add img{position:absolute; left:50%; top:50%; width:168px; height:168px; margin:-50px 0 0 -84px; border-radius:100%;}
.avatar-add .loading{display:none; position:absolute; width:100%; height:100%; left:0; top:0; padding: 0; background-color:#000; opacity:0.5; filter: Alpha(opacity=50);}
.avatar-add p{position:absolute; top:70px; width:100%; margin-top: 10px;; font-size:12px; text-align:center; color:#999;}
.app-bind li{margin-bottom:10px; line-height:30px; color:#999;}
.app-bind li .iconfont{position: relative; top: 3px; margin-right: 5px; font-size:28px; }
.app-bind .app-havebind{color:#333;}

/* Detail页 */
.detail h1{font-size: 24px; line-height: 30px; padding: 5px 0; width: 780px;}
.detail-about{position:relative; margin-top:5px; line-height:20px; background-color: #F2F2F2; padding: 15px; color:#999;}
.detail-about span,
.jie-about span,
.detail-about .jie-user{margin-right:10px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.detail-about .jie-status, .detail-about .jie-status-ok{color:#fff;}
.detail-about .fly-jing{padding:0 6px; background-color:#c00; color:#fff;}
.detail-about .jie-user{position:relative; float: left;}
.detail-about .jie-user cite{top: -3px; left: 56px; width: 260px; color: #4f99cf; font-size: 14px;}
.detail-about .jie-user cite em{padding-left:5px; color:#999; cursor:default; font-size:12px; font-style: normal;}
.detail-about .jie-user img{position: relative; display: block; margin: 0; top: 0; border-radius: 2px;}
.detail-hits{position:absolute; left: 71px; bottom: 15px;}
.detail-hits span{margin-top:0;}
.detail-body{margin: 20px 0 50px; min-height: 60px; line-height:26px; font-size:16px;}
.detail-body p{margin-bottom:15px;}
.detail-body a{color:#4f99cf;}
.detail-body img{max-width: 50%;}
.detail-body table{margin:10px 0;}
.detail-body table thead{background-color:#f2f2f2;}
.detail-body table th, 
.detail-body table td{padding:5px 20px; border:1px solid #DFDFDF; font-size:14px; font-weight: 400;}
.detail-about-reply{background: none; padding: 0;}
.detail-about-reply .detail-hits{left: 56px; bottom: 0;}
.detail .page-title{ border: none; background-color: #f2f2f2;}

/* 求解 */
.jie-row li{position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #E9E9E9; font-size:0;}
.jie-row li *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; line-height: 24px; font-size:12px;}
.jie-row li span{height: 24px; line-height: 24px; padding: 0 10px; margin-right: 10px; background-color: #DADADA; color:#fff; font-size:12px;}
.jie-row li .fly-stick{background-color:#393D49;}
.jie-row li .fly-tip-stick{background-color: #393D49;}
.jie-row li .fly-jing{background-color:#CC0000;}
.jie-row li .jie-status{margin:0 10px 0 0;}
.jie-row li .jie-status-ok{background-color:#8FCDA0;}
.jie-row li a{ padding-right:15px; font-size:14px;}
.jie-row li cite{padding-right:15px;}
.jie-row li i, .jie-row li em, .jie-row li cite{font-size:12px; color:#999; font-style: normal;}
.jie-row li .mine-edit{margin-left:15px; padding:0 6px; background-color: #8FCDA0; color:#fff; font-size:12px;}
.jie-row li em{position:absolute; right:0; top:0;}
.jie-row li .jie-user{}
.jie-row li .jie-title{max-width:350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jie-row li .jie-user img{position:relative; top: 16px; width: 35px; height: 35px;}

.jie-add{position:absolute; right:0; top:0; font-size:14px;}
.jie-list li h2 span{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.jie-list li{position:relative; margin-bottom:0; padding:10px 0 10px 60px; border-bottom:1px dotted #E9E9E9}
.jie-user img{position:absolute; left:0; top:50%; width:46px; height:46px; margin-top:-23px;}
.jie-user cite{position:absolute; right:0; top:10px; line-height:26px; color:#999;}
.jie-user cite i{font-style: normal;}
.jie-list li h2{margin-right:80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jie-list li h2 a{font-size:16px; line-height:28px;}
.jie-list li h2 span{position:relative; top:4px; height:20px; line-height:20px; padding:0 10px; margin-left:10px; font-size:12px; background-color:#393D49; color:#fff; }
.jie-list li h2 .fly-jing{padding:0 6px; background-color:#c00;}
.jie-about{position:relative; margin-top:5px; line-height:26px; font-size:0; color:#666;}

.jie-status{line-height:20px; margin-top:3px; padding:0 8px; background-color:#ccc;}
.jie-status-ok{background-color:#8FCDA0;}
.jie-about .jie-status, .jie-about .jie-status-ok{color:#fff;}
.jie-about span{color:#999;}
.jie-about .jie-hits{position:absolute; right:0; top:0; margin:0;}
.jie-hits *{padding-left:15px;}

.jie-form{width:860px;}
.jie-form .jie-addexp{margin-left:15px;}
.jie-form .jie-addexp span{color:#FF7200;}
.jie-form .jie-addexp .layui-form-sltitle{width:55px;}
.jie-form .jie-addexp li a{min-width:87px;}


/* 求解管理 */
.jie-admin{cursor:pointer;}
.fly-tip .jie-admin{background-color:#5FB878; color:#fff; padding:4px 10px; }
.jieda-admin{position:absolute; right:0; top:0;}

/* 评论 */
.jieda{margin-bottom: 30px;}
.jieda li{position:relative; padding: 10px 0 5px; border-bottom:1px dotted #DFDFDF; transition:all .8s ease;}
.jieda li:hover{background: #f5fef7;}
.jieda .fly-none{min-height: 0; padding: 30px 0 30px;}

.jieda-body{margin: 0 0 0 56px; min-height: 0; line-height: 24px; font-size:14px;}
.jieda-body p{margin-bottom: 10px;}
.jieda-body a{color:#4f99cf}
.jieda-reply{position:relative; text-align: right;}
.jieda-reply>a{margin-left: 10px; padding-right:10px; color:#999; cursor:pointer;}
.jieda-reply>a:hover{color:#666;}
.jieda-reply>.accept_btn{color: #f00;}
.jieda-reply>a i{margin-right:2px; font-size:16px;}
.jieda-reply>a em{font-style: normal;}
.jieda-reply .zanok,
.jieda-reply .jieda-zan:hover{color:#c00}
.jieda-reply .time{color: #ccc;}

/* 广告 */
.fly-ad{position: relative; background-color: #f2f2f2; overflow:hidden;}
.fly-ad:before{content: '广告位'; position: absolute; z-index: 0; top: 50%; left: 50%; left: 50%; margin: -10px 0 0 -25px; color: #aaa; font-size: 18px; font-weight: 300;}
.fly-ad div{position: relative; z-index: 1;}

/* Tip标签 */
.fly-tip{position: relative;}
.fly-tip span{display: inline-block; *display: inline; *zoom: 1;}
.fly-tip span{height: 22px; line-height: 24px; padding: 0 5px; background-color: #999; color: #fff; font-size: 12px;}
.fly-tip .fly-tip-stick{background-color: #393D49;}
.fly-tip .fly-tip-attile_type_1{background-color: #34a853; color: #fff;}
.fly-tip .fly-tip-attile_type_2{background-color: #4285f4; color: #fff;}
.fly-tip .fly-tip-attile_type_3{background-color: #ea4335; color: #fff;}
.fly-tip .fly-tip-jing{background-color: #c00;}
.fly-tip .fly-tip-jie{background-color: #8FCDA0;}

/* 新版列表 */
.fly-list .fly-list-li{position: relative; height: 62px; padding: 8px 0 8px 60px; border-bottom: 1px solid #E9E9E9; transition:all .8s ease;}
.fly-list .fly-list-li:hover{background: #f5fef7;}
.fly-list-li .fly-list-avatar{position: absolute; left: 0; top: 8px;}
.fly-list-li h2{line-height: 26px; font-size: 0;}
.fly-list-li h2 *{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.fly-list-li h2 a{max-width: 86%; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.fly-list-li h2 a:hover{text-decoration: underline;}
.fly-list-li h2 span{position: relative; top: 2px;}

.fly-list-li a:hover{color: #009E94; text-shadow: 1px 1px 0 rgba(0,0,0,.1);}
.fly-list-li p{position: relative; line-height: 20px; font-size: 12px; color: #999;}
.fly-list-li p span{padding-right: 15px;}
.fly-list-li p span a{color: #999;}
.fly-list-avatar img{width: 45px; height: 45px; border-radius: 2px;}

.fly-list-hint{position: absolute; right: 0; top: 0;}
.fly-list-hint i{padding-left: 10px; color: #ccc;}

/* 单行列表 */
.fly-list-one li{white-space: nowrap; overflow: hidden; border-bottom: dashed 1px #cfcfcf;}
.fly-list-one li a,
.fly-list-one li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-style: normal}
.fly-list-one li a{max-width: 80%; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 36px;}
.fly-list-one li a .avatar{width: 24px; height: 24px;}
.fly-list-one li span{font-size: 12px; color: #ccc; float: right; line-height: 36px;}

/* 新版Detail */
.fly-detail-hint{height:20px; margin: 5px 0 15px;}



/* 适配多设备 */
@media screen and (max-width: 1024px) {
    .logo{left: 10px;}
    .main, .footer{width: auto; }
    .main{margin: 10px;}
    .content{margin: 0;}
    img{max-width: 100%;}

    .edge{display: block; margin: 20px 0; width: 100%;}
    body .leifeng-rank{text-align: center;}
    .fly-ad{text-align: center; background: none}
}

@media screen and (max-width: 750px) {
    .nav,
    .fly-tab,
    .fly-search,
    .nav-user .unlogin,
    .fly-list-li h2 span,
    .fly-list-hint{display:none;}

    .nav-user{right: 10px;}
    .nav-user .out-login{display: inline-block; margin-right: 15px;}
    .fly-list-li h2 a{max-width: 100%;}
    .fly-list-one li{margin: 0 10px;}

    .detail-hits{}
    .fly-detail-hint .fly-list-hint{display: block; top: 1px;}
    .fly-edit span{padding: 0 6px;}

    .jie-add{position: relative; display: inline-block;}
    .laypage-main a, .laypage-main span{display: none;}
    .laypage-main .laypage-prev, 
    .laypage-main .laypage-next{display: inline-block;}

    .votes{display: none !important;}

    .face_box ul{width: 301px !important;}
    .yan_face_box ul{width: 362px !important; left: -92px !important;}

    .logo span{display: none;}
}

/***********************************************************************************************/

/*清除浮动*/
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}

a{transition: all .4s;}

/*文字排版*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.fb{font-weight:bold}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underlline;}
.no_unl{text-decoration:none;}
.db{display: block;}
.di{display: inline;}
.dib{display: inline-block;}

/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}

/*长度高度*/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w{width:100%}
.h50{width:50px;}
.h80{width:80px;}
.h100{width:100px;}
.h200{width:200px;}
.h{height:100%}

/*边距*/
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p0{padding:0}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

/*文字颜色*/
.t_red{color:#f00;}
.t_green{color:#080;}
.t_blue{color:#00f;}
.t_orange{color:#f60;}
.t_graw{color:#999;}
.t_black{color:#333;}
.t_white{color:#fff;}

/*背景颜色*/
.bg_red{background-color:#f00;}
.bg_green{background-color:#080;}
.bg_blue{background-color:#00f;}
.bg_orange{background-color:#f60;}
.bg_graw{background-color:#999;}
.bg_black{background-color:#333;}
.bg_white{background-color:#fff;}
.bg_light{background:#f5fef7;}

.layui-form-pane .layui-form-label{width: 112px;}
.layui-tab-title li{min-width: 0; padding: 0;}
.layui-tab-title li a{display: inline-block; min-width: 65px; padding: 0 15px;}
.layui-layer{max-width: 100%;}

/*标题1*/
.m_title{
    font-size: 16px;
    line-height: 14px;
    color: #f60;
    margin: 10px 0 5px 0;
    padding-left: 6px;
    border-left: solid 2px #f60;
}

/*标题2*/
.n_title{
    font-size: 16px;
    line-height: 14px;
    color: #080;
    margin: 10px 0 5px 0;
    padding-left: 6px;
    border-left: solid 1px #080;
}

.avatars li{float: left; margin: 0 4px 4px 0;}
.avatars .avatar{width: 80px; height: 80px; padding: 6px; border:solid 2px transparent; transition:all .6s ease;}
.avatars .avatar:hover{border-color: #08c;}

.edit_toolbar{
    border: solid 1px #e6e6e6;
    padding: 0 20px;
    border-bottom: none;
    background: #fff;
    text-align: left;
}
.edit_toolbar>a{margin-right: 18px; padding: 8px 0; display: inline-block; color: #009E94;}
.edit_toolbar>a>i{margin-right: 2px;}
.edit_toolbar .toolbox{
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 999;
}
.yan_face_box{color: #111;}
.yan_face_box ul{width: 447px;}
.yan_face_box ul li{width: 86px;}
.yan_face_box ul .big_face{width: 171px !important;}

.face{vertical-align: -5px;}
.photo{text-align: center; margin-bottom: 16px;}
.photo img{cursor: zoom-in;}
.layui-layer .photo img{cursor: default;}


.votes{display: inline-block; margin-right: 5px;}
.vote:link, .vote:visited, .vote {
    text-decoration: none;
    font-size: 10px;
    line-height: 1;
    padding: 2px 8px 2px 8px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    color: #778;
    display: inline-block;
    vertical-align: 2px;
    text-align: center;
}
.vote:hover {
    color: #667;
    border: 1px solid #667;
    text-decoration: none;
}
.vote i{display: inline-block; width: 16px;}
.voted .vote{
    border-color: #cfcfcf;
    color: #cfcfcf;
    cursor: default;
}
.voted .active{
    border-color: #f60;
    color: #f60;
}
.votes .vote_counts{
    border-color: #e2e2e2 !important;
    color: #778 !important;
    cursor: default !important;
}

.article_append{
    background-color: #fffff9;
    border-left: 3px solid #fffbc1;
    margin-top: 10px;
    padding: 10px;
    font-size: 14px;
    line-height: 140%;
    text-align: left;
}

.topic-list .item {
    position: relative;
    float: left;
    width: 302px;
    min-height: 90px;
    padding: 20px 5px 20px 65px;
    border-bottom: 1px solid #f5f5f5;
}
.topic-list .item img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 20px;
}
.topic-list .item p+ p {
    margin: 5px 0 0;
}
.topic-tag a {
    float: left;
}
.topic-tag .text {
    display: inline-block;
    height: 20px;
    line-height: 16px;
    padding: 2px 5px;
    background-color: #1E9FFF;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
}

/*搜索框*/
#search_box{position: absolute; top: 0; left: 455px; z-index: 999; padding-top: 9px;}
#search_box .search_icon{position: absolute; top: 9px; left: 7px; color: #fff; transition:all .6s ease;}
#search_box:hover .search_icon{color: #333; z-index: 9999;}
#search_box:hover #search_wd{visibility: visible; opacity: 1; width: 260px;}
#search_wd{
    color: #333;
    background: #fff;
    border: solid 1px transparent;
    width: 20px;
    height: 27px;
    line-height: 27px;
    padding: 5px 5px 5px 25px;
    visibility: hidden;
    opacity: 0;
    transition:all .6s ease;
}
#search_box[_focus] .search_icon{color: #333;}
#search_box[_focus] #search_wd{visibility: visible !important; opacity: 1 !important; width: 260px !important;}
.bdSug_wpr{background:rgba(255, 255, 255, 0.96) !important; z-index: 9999 !important;}
.bdSug_wpr table{background:none !important;}
.bdsug_copy{display:none;}
.bdSug_wpr td{padding:3px 7px !important;}

body .layui-layer-prompt textarea.layui-layer-input{
    display: block;
    width: 100%;
    height: 100%;
    padding: .5em;
    font-size: 1.6rem;
    line-height: 1.2;
}

/*社交账号登录按钮*/
.open_signup_btns a{transition:all .8s ease; margin-right: 10px;}
.open_signup_btns a:hover{opacity: .6;}
.open_signup_btns a .iconfont{font-size: 30px;}
.open_signup_btns .oschina{color: #3dab53;}
.open_signup_btns .github{color: #292929;}
.open_signup_btns .weixin{color: #4ac932;}
.open_signup_btns .qq_connect{color: #2fa5e3;}
.open_signup_btns .weibo{color: #eb654c;}
.out-login .open_signup_btns a{margin-right: 0; margin-left: 5px;}
.out-login .open_signup_btns a .iconfont{font-size: 24px;}
.out-login .open_signup_btns .github{color: #A9B7B7;}

.codercalendar {width: 100%; max-width: 336px; margin: 0 auto 15px;}
.codercalendar>.title {
    color: #efefef;
    font-weight: bold;
    background: #555;
    padding: 5px 15px;
}
.codercalendar .adlink {text-align: center; font-size: 11pt;}
.codercalendar.adlink a {
    text-decoration: none;
    display:block;
    color: #666;
    font-weight: bold;
    margin-bottom: 10px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10pt;
    margin-top: 10pt;
}
.codercalendar .date{
    font-size:17pt;
    line-height: 30pt;
    text-align: center;
}
.codercalendar.split, .codercalendar .clear {
    clear: both;
    height: 1px;
    overflow-y: hidden;
}
.codercalendar .good, .codercalendar .bad {clear: both; position: relative;}
.codercalendar .bad {/*top: -1px;*/}
.codercalendar .good .title, .codercalendar .bad .title {
    float: left;
    width: 100px;
    font-weight: bold;
    text-align: center;
    font-size: 30pt;
    position:absolute;
    top:0;
    bottom:0;
}
.codercalendar .good .title td, .codercalendar .bad .title td {
    font-weight: bold;
    text-align: center;
    font-size: 30pt;
}
.codercalendar .good .title>table, .codercalendar .bad .title>table {
    position:absolute;
    width:100%;
    height:100%;
    border:none;
}
.codercalendar .good .title {background: #ffee44;}
.codercalendar .someday .good .title {background: #aaaaaa;}
.codercalendar .bad .title {background: #ff4444; color: #fff;}
.codercalendar .someday .bad .title {background: #666666; color: #fff;}
.codercalendar .good .calendar_content, .codercalendar .bad .calendar_content {
    margin-left: 115px;
    padding-right: 10px;
    padding-top: 1px;
    font-size:15pt;
}
.codercalendar .someday .good {background: #dddddd;}
.codercalendar .someday .bad {background: #aaaaaa;}
.codercalendar .good {background: #ffffaa;}
.codercalendar .bad {background: #ffddd3;}
.codercalendar .calendar_content ul {list-style: none; margin:10px 0 0; padding:0;}
.codercalendar .calendar_content ul li {
    line-height:150%;
    font-size: 15pt;
    font-weight: bold;
    color: #444;
}
.codercalendar .calendar_content ul li div.description {
    font-size: 11pt;
    font-weight: normal;
    color: #777;
    line-height: 110%;
    margin-bottom: 10px;
}
.codercalendar .line-tip {font-size: 11pt; margin-top: 10px; margin-left: 10px;}
.codercalendar .direction_value {color:#4a4;font-weight: bold;}
.codercalendar .someday .direction_value {color:#888;}
.codercalendar .goddes_value {color: #f87;}
.codercalendar .someday .goddes_value {color: #777;}

/* 分类(话题)导航 start */
.topic_nav{padding-bottom: 10px; font-size: 12px; line-height: 150%; text-align: left;}
.topic_nav a{
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 5px 8px 5px 8px;
    border-radius: 3px;
    color: #555;
}
.topic_nav a:hover{
    background-color: #dfdfdf;
    color: #000;
    text-decoration: none;
}
.topic_nav a.active{
    background-color: #334;
    color: #fff;
}
/* 分类(话题)导航 end */

.detail>a>.avatar{
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border-radius: 2px;
}

/*收藏按钮*/
.favorite_btn{float: right;}
.favorite_btn .iconfont{font-size: 22px; vertical-align: -4px;}

/*分享按钮start*/
.share_btns_wrap{float:right; position:relative;}
.share_btns_wrap:hover .sharebox{display:block;}
.share_btns_wrap .share_btn i{
    font-size:24px!important;
    font-size: 24px\9!important;
}
.sharebox{
    display:none;
    position:absolute;
    top:34px;
    left:-48px;
    border-radius:3px;
    padding:0!important;
    width:120px;
    z-index:999;
}
.sharebox .up-arrow{
    position:absolute;
    left:50%;
    top:-10px;
    background:url('/static/default/img/up.png') no-repeat 0 0;
    width:22px;
    height:10px;
    margin-left:-11px;
}
.sharebox .bdsharebuttonbox{
    _overflow-x: hidden;
    z-index: 999999;
    font-size: 12px;
    float: left;
    text-align: left!important;
    zoom: 1;
    background: #fff;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 0 10px #ddd;
    padding-top: 6px;
    padding-bottom: 6px!important;
}
.sharebox .bdsharebuttonbox a{
    text-decoration: none;
    cursor: pointer;
    display: block;
    background-image: none!important;
    float: none!important;
    padding: 8px 12px;
    font-size: 14px!important;
    color: #666!important;
    text-align: left;
    overflow: hidden;
    height: 36px;
    line-height: 20px;
    width: 116px!important;
    margin:0;
}
.sharebox .bdsharebuttonbox a .iconfont{display:inline-block;width:18px;height:18px; font-size:18px !important;}
.sharebox .bdsharebuttonbox a:hover{background-color:#f2f2f2;}
.sharebox .bdsharebuttonbox .bds_tsina .iconfont{color:#e24f48; vertical-align: 0px;}
.sharebox .bdsharebuttonbox .bds_qzone .iconfont{color:#f2a408; vertical-align: 0px;}
.sharebox .bdsharebuttonbox .bds_sqq .iconfont{color:#2fa5e3; vertical-align: -1px;}
.sharebox .bdsharebuttonbox .bds_weixin .iconfont{color:#1c980b; vertical-align: -2px;}
.sharebox .bdsharebuttonbox .popup_more .iconfont{color:#66acf9; vertical-align: -1px;}
.sharebox .bdsharebuttonbox .bds_count{text-align:center; font-size:16px !important;}
/*分享按钮end*/

/*皮肤*/
/*切换皮肤按钮*/
.icon_skins{
    display:block;
    width:19px;
    height:23px;
    background:url(/static/default/img/icon_skin.png) no-repeat;
    background-position:1px 0;
    position:absolute;
    top:45px;
    right:0;
    opacity:0.7;
    transition-property:opacity;
    transition-duration:0.3s;
    transition-timing-function:ease;
}
.icon_skins:hover{background-position:-24px 0; opacity:1;}

.skins_nav {cursor: default;}
.skins_nav .item, .skins_nav b {margin-right: 10px;}
.skins_nav .active {font-weight: bold; color: #080;}
.skins {margin-left: -5px;}
.skins .skin {float: left; margin: 0 0 8px 5px;}
.skins .skin .skin_img_wrap .skin_link {
    border: solid 2px #fff;
    display: inline-block;
    width: 197px;
    height: 110px;
    overflow: hidden;
}
.skins .skin .skin_img_wrap .skin_link:hover {border: solid 2px #389cff;}
.skins .skin .skin_img_wrap .skin_link .skin_img {width: 100%; height: 110px;}
.skins .skin .skin_meta {line-height: 24px; font-size: 12px; cursor: default;}
.skins .skin .skin_meta .skin_name {float: left; transition:all .3s ease;}
.skins .skin:hover .skin_meta .skin_name {color: #389cff;}
.skins .skin .skin_meta .skin_stats {color: #999; float: right;}

/*nprogress样式*/
#nprogress .bar {background: #f60;}
#nprogress .peg {box-shadow: 0 0 10px #f60, 0 0 5px #f60;}
#nprogress .spinner-icon {border-top-color: #f60; border-left-color: #f60;}

#main{position: relative;}
/*#main{animation:display_show 1.1s ease;}*/
#main .fly-home{position: absolute; top: -300px; background: transparent;}

/*生成新dom闪烁的通知(背景闪烁效果)*/
.create_dom_notice{background:#a5fef7;}
.layui-layer .dialog_show_btn{display: none;}

/*冒泡*/
.maopao_wrap { margin : 0 0 10px 0; }
.maopao_wrap h3 {
    font-size   : 13px;
    margin      : 0 0 10px 0;
    background  : url('/static/default/img/msg.png') no-repeat left 2px;
    padding     : 0 0 0px 24px;
    height      : 24px;
    line-height : 24px;
}
.maopao_wrap h3 .holiday { color : #C00; }
.maopao_wrap .maopao_form {
    margin     : 0 0 10px 0;
    border     : 1px solid #40AA53;
    background : #40AA53;
    position   : relative;
    height     : 42px;
}
.maopao_wrap .maopao_form textarea { float : left; width : 289px; height : 40px; padding : 5px; resize : none; overflow : auto; border : 0; background : #FFF; font-size : 9pt; -webkit-appearance : none; border-radius : 0; }
.maopao_wrap .maopao_form textarea:focus { border : 0; }
.maopao_wrap button {
    float: right;
    width: 37px;
    height: 40px;
    margin-right: 3px;
    font-size : 10pt;
    border : 0;
    background : #40AA53;
    color : #FFF;
}
.maopao_wrap .maopao_form button{
    width: 37px;
    height: 40px;
    line-height: 44px;
    margin-right: 3px;
}
.maopao_wrap button:hover { color : #FF0; cursor : pointer; opacity: .8; }
.maopao_wrap .layui-form button{
    width: 80px;
    height: 32px;
    line-height: 34px;
    margin-right: 0;
}
.maopao_wrap .maopao_switch { border-top : 2px solid #40AA52; width : 100%; }
.maopao_wrap .maopao_switch a { text-decoration : none; }
.maopao_wrap .maopao_switch li { margin : 0; padding : 0 5px; border : 0; float : left; height : 22px; line-height : 22px; }
.maopao_wrap .maopao_switch .img { border : 0; margin : 0; padding : 0; height : 22px; width : 20px; }
.maopao_wrap .maopao_switch .img_new_on { background : url('/static/default/img/maopao_switch1.gif') no-repeat; }
.maopao_wrap .maopao_switch .img_new_off { background : url('/static/default/img/maopao_switch3.gif') no-repeat; }
.maopao_wrap .maopao_switch .img_top_on { background : url('/static/default/img/maopao_switch4.gif') no-repeat; }
.maopao_wrap .maopao_switch .img_top_off { background : url('/static/default/img/maopao_switch2.gif') no-repeat; }
.maopao_wrap .maopao_switch .sw { background-color : #E7E7E7; cursor : pointer;}
.maopao_wrap .maopao_switch .sw a { color : #666; transition: none;}
.maopao_wrap .maopao_switch .sw a:hover { color : #000; }
.maopao_wrap .maopao_switch .on { background-color : #40AA52; }
.maopao_wrap .maopao_switch .on a { color : #FFF; }
.maopao_wrap .maopao_switch .on a:hover { color : #FFF; }
.maopao_wrap .maopao_switch .more { margin : 0; float : right; color : #A00; padding : 0; }
.maopao_mini{margin-bottom: 0;}
.maopao_mini li{padding: 5px 0 0;}
.maopao_mini .detail-about{margin-top: 0;}


.jieda .icon_accept{position:absolute; right:10px; top:15px; font-size:60px; color: #58A571;}
.icon_gender_m{color:#4EBBF9}
.icon_gender_f{color:#F581B1}

.verify_info{text-align: center; color: #f60;}
.verify_info a{text-decoration: underline; color: #d60;}
.verify_info .icon, a .icon{vertical-align: -2px;}
a .icon{height: 12px;}